<!DOCTYPE html>
<html>
  <head>
    <title>test scroll y</title>
    <meta charset="utf-8"/>
    <style>
      .abc{position:relative;}
      .abc p{margin:50px 0;}
    </style>
  </head>
  <body>
    <div class="abc" id="abc">
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
      <p>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
      <p>cccccccccccccccccccccccccccccccccc</p>
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
      <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
    </div>
    <script src="../../../../src/define.js"></script>
    <script>
      define([
          '../y.js'
      ],function(_i){
          _i._$$ScrollerY._$allocate({
              container:'abc'
          });
      });
    </script>
  </body>
</html>